<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    
       <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="gbk">
	<title></title>
	<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
	<script src="bootstrap-3.3.7-dist/js/jquery.min.js"></script>
	<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<style>
body {
	margin: 0px;
	background: url(style/image/background/index.jpg) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}

.teamcontent{
width:400px;
 border:2px solid rgb(246,246,246);
 border-bottom:none;  
 margin:0 auto;
 padding:0;
}
.teamcontentli{
background-color: #FFFFFF;
text-align:center;
border-bottom:2px solid rgb(246,246,246); 
padding:20px 0;
font-size:20px;
}
.teamcontentli:hover {
	background-color: #EEEED1;
}
</style>
<body>

<nav class="navbar navbar-default container" role="navigation"  style="border:none">
	<div class="container-fluid">
	<div class="navbar-header">
		<a class="navbar-brand" href="#">团队管理工具</a>
	</div>
	<div>
		<ul class="nav navbar-nav pull-right">
			
		    <li><a href="getTeams.do">搜索团队</a></li>
		    <li><a href="pmuserinfo.jsp"><img src="${currentUser.headimage}" width="27" height="27">
				</a></li>
			<li> <a href="pmuserinfo.jsp">HI!&nbsp;${currentUser.userName}</a></li>
			<li><a href="logout.do">退出</a></li>
		</ul>
	</div>
	</div>
</nav>


<div class=" container teamcontent" >
<c:forEach var="tlist" items="${tlist}">
	<div class="teamcontentli" ><a href="goto.do?teamid=${tlist.teamId}">${tlist.teamName}<a></div>
	</c:forEach>
	
	<div class="teamcontentli"><a data-toggle="modal" data-target="#myModal"> <span
							class="glyphicon glyphicon-plus" style="font-size: 20px"></span>
						</a>&nbsp;&nbsp;<a data-toggle="modal" data-target="#myModal">新建团队</a></div>
	
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					新建团队
				</h4>
			</div>
			
			<div class="modal-body">
			<form id="create" action="addTeam.do">
				<input type="text" name="teamName" placeholder="请输入新团队名称">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" name="submit"/>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">取消
				</button>
				
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


	
</div>




</body>
</html>